使用 Content 來自定樣式的方式很簡單，就是將寫好樣式的 Vue 元件加入 <slot /> 標籤來放入文字，馬上來說明如何使用：

1. 在 components 資料夾底下新增一個 content 資料夾。
2. 在 content 資料夾新增一個 vue 元件，我新增了一個名稱為 BorderBlock.vue 的檔案，並且在裡面寫簡單的 class 樣式，最重要的是在裡面加入 <slot />，範例如下：

<template>
  <div class="border-style">
    <slot />
  </div>
</template>
<style scoped>
.border-style {
  display: inline-block;
  border-radius: 1rem;
  border: 1px solid goldenrod;
  padding: 1rem;
}
</style>

3. 接著回去修改根目錄下 Content 資料夾中的 Markdown 檔案（不是 components 底下的 content)，使用雙冒號加上元件名稱的方式來引用，元件名稱要改成小寫，駝峰之間改為'-'銜接，範例如下：

::border-block
**Custom Style** at Here
::

4. 完成後就可以 run 專案檢查成果。
   

補充：
在 Content 官方 Github 中的 Prose 裡面有所有現成的標籤對應元件樣式，在使用自定義元件時，可以先查看一下有沒有現成的可以拿來用，也要注意命名不要重複了。